<template>
  <div class="home">
    <img src="http://www.atguigu.com/images/index_new/logo.png" alt="">
  </div>
</template>

<script setup lang="ts" name="Home">
  import { onMounted } from 'vue';
  import { useRouter } from 'vue-router';
  // 获取路由器实例
  const router = useRouter();

  onMounted(()=>{
    setTimeout(()=>{
      //使路由自动跳转
      router.push('/news');
    },3000)
  })
</script>

<style scoped>
  .home {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
  }
</style>